.set-moment-tag(@color) {
  background-color: fade(@color, 60%);
  border: 1px solid @color;
  color: #fff;
  font-size: 10px;
}
.moment-item-wrap {
  background-color: @info-bg;
  padding: 6px 8px;
  .moment-wrap-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    margin-bottom: 18px;
  }
  .moment-tag {
    display: inline-block;
    border-radius: 4px;
    padding: 2px 5px;
    color: #000;
    font-size: 10px;
    &.add-user, &.join-group, &.add-stage, &.remark-tag, &.join-activity{
      .set-moment-tag(@green);
    }
    &.look-material{
      .set-moment-tag(@yellow);
    }
    &.remove-user, &.remove-stage, &.exit-group {
      .set-moment-tag(@pink);
    }
    &.change-stage {
      .set-moment-tag(@primary-color);
    }
    &.follow-customer {
      .set-moment-tag(@primary-color);
    }
  }
  .moment-time {
    color: #000;
    font-size: 12px;
  }
  .moment-wrap-content {
    font-size: 14px;
  }
}
